<%- include('../../common/header.html',{css:'common'}) %>
<%- include('../../common/script-validation.html') %>
<%- include('../../common/layer.html') %>
<style>
    .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
        background-color: #e8e6e6;
    }

    .transfer-item {
        WIDTH: 400px;
        float: left;
        height: 500px;
    }

    .transfer-inner {
        border: 1px solid #9E9E9E;
        border-radius: 3px;
        height: 500px;
    }

    .transfer-middle .btn {
        margin: 10px auto;
    }

    .transfer-middle {
        margin: 0 10px;
        WIDTH: 70px;
        padding: 10px;
        padding-top: 53px;
        text-align: center;
    }

    thead {
        display: none;
    }

    .input-group-btn {
        background: #6a757e;
        background-color: #6c757d;
        border-color: #6c757d;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .tool-bar {
        border: 1px solid gray;
        padding-top: 10px;
        margin-left: 0px;
        width: 909px;
        border-radius: 4px;
    }

    .tool-bar > .col-sm-12 {
        margin-bottom: 10px;
    }

    .bootstrap-select {
        width: 100% !important;
    }
</style>
<title>编辑-后台管理系统</title>
</head>
<body class="page-sub">
<%- include('../../common/top-nav.html') %>
<%- include('../../common/page-title.html') %>
<div class="content">
    <div class="container">
        <div class="row" style=" margin-left: 0px">
            <h3 class="title">设置主题商品</h3>
        </div>
        <div class="row tool-bar">
            <div class="col-sm-12">
                <div class="col-sm-3">
                    <input type="text" class="form-control" name="name" placeholder="请输入商品名称">
                </div>
                <div class="col-sm-3">
                    <input type="text" class="form-control" name="brand" placeholder="请输入品牌">
                </div>
                <div class="col-sm-3">
                    <input type="text" class="form-control" name="categoryId" placeholder="请输入分类">
                </div>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-2">
                    <a href="javascript:void(0);" class="btn btn-primary search-btn">搜索</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="transfer" style="">
                    <div class=" transfer-left transfer-item pull-left">
                        <div style="margin: 10px 0;">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="关键字搜索"
                                       aria-describedby="basic-addon2">
                                <span class="input-group-btn ">
                                    <a href="javascript:void(0);" class="btn btn-secondary">
                                        <span class="icon-search" style="color: #FFF;"></span>
                                    </a>
                            </span>
                            </div>
                        </div>
                        <div class="table-responsive transfer-inner">
                            <table class="table"></table>
                        </div>
                    </div>
                    <div class="transfer-middle transfer-item pull-left" style="WIDTH: 90px;">
                        <a href="javascript:void(0)" class="btn btn-secondary"><span
                                class="fn-btn icon-chevron-right"></span></a>
                        <a href="javascript:void(0)" class="btn btn-secondary"><span
                                class="fn-btn icon-chevrons-right"></span></a>
                        <a href="javascript:void(0)" class="btn btn-secondary"><span
                                class="fn-btn icon-chevron-left"></span></a>
                        <a href="javascript:void(0)" class="btn btn-secondary"><span
                                class="fn-btn icon-chevrons-left"></span></a>
                    </div>
                    <div class=" transfer-right transfer-item pull-left">
                        <div style="margin: 10px 0;">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="关键字搜索"
                                       aria-describedby="basic-addon2">
                                <span class="input-group-btn ">
                                    <a href="javascript:void(0);" class="btn btn-secondary">
                                        <span class="icon-search" style="color: #FFF;"></span>
                                    </a>
                            </span>
                            </div>
                        </div>
                        <div class="table-responsive transfer-inner">
                            <table class="table"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-submit">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <a href="javascript:void(0)" class="btn btn-primary btn-custom btn-save">保存 </a>
                        <a href="./index.html?type=theme" class="btn  btn-link btn-return">返回 </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
<!-- build:js ../../scripts/sys/category/dispatch-items.js  -->
<script type="text/javascript" src="./dispatch-items.js"></script>
<!-- endbuild -->
</html>